
{% extends "template.html" %}

{% block js %}
<script type="text/javascript">
    $(document).ready(function() {
        $("form#register").validate();
    });
</script>
{% endblock js %}
{% block menu %}
{% endblock menu %}

{% block right %}

<div class="lt"></div>
<div class="lbox">

    <form id="register" action="{% url Register %}" enctype="multipart/form-data" method="post">
        <fieldset>
            <legend>Registration details</legend>
            <div><label>Username:</label></div>
            <div><input type="text" name="username" minlength="4" class="required"/></div>
            <div><label>Mobile Phone No:</label></div>
            <div><input type="text" name="phoneNo"  class="required"/></div>
            <div><label>Password:</label></div>
            <div><input type="password" name="password"  minlength="6"   class="required"/></div>
            <div><label> Confirm Password:  </label></div>
            <div><input name="password2" type="password" minlength="6" class="required" /></div>
            <div><label>Select One</label></div>
            <div><select name="role" class="required">
                    <option value="">SELECT</option>
                    <option value="TENANT">Tenant</option>
                    <option value="LANDLORD">Landlord</option>
                </select>
            </div>

            <div><input type="submit" value="Register" /></div></fieldset>
    </form>


    {% endblock right %}